<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">

	<ui:define name="content">

	<h:form id="formMenuSupervisor">

		<h1>
			<h:outputText value="Consultar Solicitudes" />
		</h1>
		<h:messages errorStyle="color: red;" />

		<h:panelGrid columns="1" id="paneltablaSolicitudes">

			<h:outputLabel for="pendientes" value="Solicitudes Pendientes:" />
			<h:dataTable value="#{supervisorBean.solicitudesPendientes}"
				var="solicitudP" styleClass="order-table"
				headerClass="order-table-header"
				rowClasses="order-table-odd-row,order-table-even-row" border="1">

				<h:column>
					<!-- column header -->
					<f:facet name="header">
						<h:outputText value="Fecha/Hora de creacion" />
					</f:facet>
					<h:outputText value="#{solicitudP.fechaCreacion.time}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
					</h:outputText>
					<!-- row record -->
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Centro de costo" />
					</f:facet>
					<h:outputText value="#{solicitudP.centroCosto.nombre}"></h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Descripcion" />
					</f:facet>
					<h:outputText value="#{solicitudP.descripcion}"></h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Importe estimado" />
					</f:facet>
					<h:outputText value="#{solicitudP.importeEstimado}">
						<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Empleado" />
					</f:facet>
					<h:outputText value="#{solicitudP.empleado.nombres}"></h:outputText>
				</h:column>

				<!-- TODO VER TEMA DEL BOTON -->
				<h:column>
					<f:facet name="header">
						<h:outputText value="Acciones" />
					</f:facet>
					<h:commandLink action="#{supervisorBean.aAprobarSolicitud}"
						value="Aprobar">
						<f:setPropertyActionListener
							target="#{supervisorBean.solicitudGasto}" value="#{solicitudP}" />
					</h:commandLink>
			<h:outputText value="  " />
					<h:commandLink action="#{supervisorBean.aRechazarSolicitud}"
						value="Rechazar">
						<f:setPropertyActionListener
							target="#{supervisorBean.solicitudGasto}" value="#{solicitudP}" />
					</h:commandLink>
				</h:column>
			</h:dataTable>
			<h:panelGroup>
				<h:commandButton id="btnVolver" value="Volver" action="aMenuSupervisor"
					immediate="true" />
			</h:panelGroup>
		</h:panelGrid>
	</h:form>
</ui:define>
</ui:composition>
</html>